<template>
 
    <van-tabbar route>
      <van-tabbar-item to="/index">
        <template #icon="props">
          <img :src="props.active ? homeIcon.active : homeIcon.inactive" />
        </template>
        <span>首页</span>
      </van-tabbar-item>
      <van-tabbar-item to="/course">
        <template #icon="props">
          <img :src="props.active ? courseIcon.active : courseIcon.inactive" />
        </template>
        <span>课程</span>
      </van-tabbar-item>
    </van-tabbar>
</template>

<script>
export default {
  data() {
    return {
      active: 0,
      homeIcon: {
        active:  require("@/assets/theme-img/home-active.png") ,
        inactive:require("@/assets/theme-img/home.png"),
      },
      courseIcon: {
        active:require("@/assets/theme-img/course-active.png"),
        inactive: require("@/assets/theme-img/course.png"),
      },
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>